<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            width: 100px;
            height: 100px;
            margin: 0;
            background-color: pink;
        }
    </style>
</head>

<body>
    <div class="box"></div>
    <script>
        const localData = [{
            username: '吴淑亚',
            password: '111111'
        }, {
            username: 'Lisa',
            password: '222222'
        }, {
            username: 'Jane',
            password: '333333'
        }];
        // 存储数据
        localData.forEach((item, index) => {
            const value = JSON.stringify(item);
            sessionStorage.setItem('userData' + index, value);
        });

        // // 获取数据
        // const dataArr = [];
        // for (let i = 0; i < localData.length; i++) {
        //     const data = sessionStorage.getItem('userData' + i);
        //     const dataObj = JSON.parse(data);
        //     dataArr.push(dataObj)
        // }
        // // 比较是否重复
        // let flag;
        // comUsernameRepeat = (nowName) => {
        //     flag = false; // 名字没重复
        //     dataArr.forEach((item, index) => {
        //         if (nowName === item.username) {
        //             flag = true; // 代表名字重复
        //         }
        //     })
        // };
        // comUsernameRepeat('111');
        // if (flag === true) {
        //     console.log('名字重复');
        // } else {
        //     console.log('名字没重复');
        // }

    </script>
</body>

</html>